<template>
  <div class="bookbox">
    <div class="bookimg">
        <img :src="bookMes.image" alt="/">
    </div>
    <p>{{bookMes.name}}</p>
  </div>
</template>

<script>
export default {
    name:'BookItem',
    props:{
        bookItem: { type: Object, default: {id:"",image:"",levelid:"",name:"",publishname:"",status:"",userid:"",detail:"" } }
    },
    data(){
        return{
            bookMes:this.bookItem,
            testUrl:require('@/assets/index/book/book.png'),
            
        }
    },
    methods:{
          
    },
    mounted(){
        // this.getInfo();
    }

}
</script>

<style scoped>
.bookbox{
   display: inline-block;
   /* height: 460px; */
   width:320px;
}
.bookimg{  
    padding:20px 25px;
}
img{
    height: 360px;
    width:250px;
}
.bookbox p{
    color: rgb(0, 27, 39);
font-family: PingFang SC;
font-size: 18px;
letter-spacing: 0px;
text-align: center;
margin:0;
padding:0;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
</style>